$(function () {
    // 当我们点击了li 此时不需要执行页面滚动事件 
    // 函数的节流阀
    var flag = true;

    // 1.推荐导航栏，显示电梯导航
    var toolTop = $(".recommend").offset().top;
    // 页面一开始就可以出现，防止刷新消失
    toggleTool();
    function toggleTool() {

        if ($(document).scrollTop() >= toolTop) {
            $(".fixedtool").fadeIn();
        } else {
            $(".fixedtool").fadeOut();
        }

    }
    $(window).scroll(function () {
        toggleTool();
        // 2.页面滚动到某个内容区域 左侧电梯导航li添加和删除类名current
        if (flag) {
            $(".floor .w").each(function (i, ele) {
                if ($(document).scrollTop() >= $(ele).offset().top) {
                    $(".fixedtool li").eq(i).addClass("current").siblings().removeClass();
                }
            })
        }

    })
    // 2.电梯模块与内容模块一一对应
    $(".fixedtool li").click(function () {
        flag = false;
        // 选出对应索引号的内容区的盒子
        var current = $(".floor .w").eq($(this).index()).offset().top;
        // 页面滚动的效果
        // animate 的回调函数 执行完后才会进行flag=true
        $("body,html").stop().animate({
            scrollTop: current
        },function() {
            flag=true;
        })
        // 3.点击之后，添加current的类名，其次兄弟取消类名
        $(this).addClass("current").siblings().removeClass();
    })

})